/* 设置header的定位为sticky，保持顶部 */
#header {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff; /* 保持背景色 */
}

/* 设置顶部导航栏的高度和背景颜色 */
#top {
    height: 27px;
    line-height: 27px;
    background: #700005;
    color: #fff; /* 设置文字颜色 */
}

/* 设置顶部导航栏中的列表项浮动到左侧 */
#top ul li {
    float: left;
    margin-right: 10px; /* 增加间距 */
}

/* 设置顶部导航栏中链接的样式 */
#top ul li a {
    padding: 0 10px;
    color: #fff;
    text-decoration: none; /* 去除下划线 */
    font-size: 12px;
}

/* 设置中间区域的背景颜色 */
#mid {
    background: #8f000b;
}

/* 设置logo区域的背景图像 */
.logo {
    background: url(../images/logobg.png) no-repeat right bottom;
    padding: 18px 0;
}

/* 设置logo区域链接的显示方式为块级元素 */
.logo a {
    display: block;
}

/* 设置logo区域图片的样式 */
.logo img {
    display: inline;
    width: 220px; /* 根据实际图片调整 */
    height: 70px; /* 根据实际图片调整 */
}